<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 1586 1070.207" style="enable-background:new 0 0 1586 1070.207;" xml:space="preserve">
     
     

     
     
     
     
<defs>  
     
<path id="loop-normal" d="M1515.222,18.071
	c-36.921,81.424-149.921,316.841-149.921,316.841l-89.75,127.25l-74.75,88.75l-226.75,221.75l-28.75,25
	c-51,44.638-106.339,82.619-149.25,111.989c-32.16,22.011-67.949,43.174-86.25,54.233c-29.261,16.716-48.126,22.765-65.185,22.765
	c-11.799,0-22.735-2.894-35.648-7.153L265.362,869.559c-35.894-12.73-37.998-56.7-70.831-61.367L32.635,789.495l-9.333,11
	l161.083,16.333c42.782,5.485,36.25,48.667,74.86,63.066l353.644,113.747c12.15,4.195,23.106,6.102,33.462,6.102
	c23.022,0,43.077-9.424,66.701-24.081c0,0,57.712-34.422,91-56.25c45.75-30,148.5-112.75,148.5-112.75l28.663-25.583
	l229.087-221.667l76.25-91.25l89.25-127.25c0,0,111.731-238.282,148.833-322.417L1515.222,18.071L1515.222,18.071z"/>
    
    
    
<!-- radial gradient has same color at constnnt distance from center,
         regardless of direction-->
	  <radialGradient id="fade" cx="0" cy="0" fx="0" fy="0" r="20" gradientUnits="userSpaceOnUse">
	    <stop stop-color="#383838" stop-opacity="1" offset="0" />

	  </radialGradient> 
      

  </defs>
  


   
  <use style="fill:none;stroke:#ccc;stroke-width:1;"
       xlink:href="#loop-normal" />

  <!-- outer group makes sure mask is applied after animateMotion -->
  <g style="mask:url(#tail)">
    <!-- circle with gradient radius -->
    
    
    
    
              <circle cx="0" cy="0" fill="none" r="0" stroke="red" stroke-width="18">
  
    <animate attributeName="r" from="0.9" to="25" dur="1s" begin="0s" repeatCount="indefinite"/>
    <animate attributeName="opacity" from="0.9" to="0" dur="1s" begin="0s" repeatCount="indefinite"/>
    
        <animateMotion calcMode="linear"  id="a" dur="70s" repeatCount="indefinite"   
      path="M1515.222,18.071
	c-36.921,81.424-149.921,316.841-149.921,316.841l-89.75,127.25l-74.75,88.75l-226.75,221.75l-28.75,25
	c-51,44.638-106.339,82.619-149.25,111.989c-32.16,22.011-67.949,43.174-86.25,54.233c-29.261,16.716-48.126,22.765-65.185,22.765
	c-11.799,0-22.735-2.894-35.648-7.153L265.362,869.559c-35.894-12.73-37.998-56.7-70.831-61.367L32.635,789.495l-9.333,11
	l161.083,16.333c42.782,5.485,36.25,48.667,74.86,63.066l353.644,113.747c12.15,4.195,23.106,6.102,33.462,6.102
	c23.022,0,43.077-9.424,66.701-24.081c0,0,57.712-34.422,91-56.25c45.75-30,148.5-112.75,148.5-112.75l28.663-25.583
	l229.087-221.667l76.25-91.25l89.25-127.25c0,0,111.731-238.282,148.833-322.417L1515.222,18.071L1515.222,18.071z" />
  
  </circle>
    
    
    
    
    
    
   <circle style="fill:url(#fade);" fill="#383838" stroke="white" stroke-width="3" stroke-miterlimit="10" cx="0" cy="0" r="14">
   

    
    
      <animateMotion keyPoints="0;1" keyTimes="0;0.1"
                     dur="70s" repeatCount="indefinite">
                     
	      <mpath xlink:href="#loop-normal"/>
      </animateMotion>
    </circle>
    
  

    
 
  </g>
  
  
  

    
</svg>
